<!DOCTYPE HTML>
<html>
<head>
<title>Qua Tang 1102</title>
<meta name="viewport" content="width=device-width" />
<meta http-equiv="content-language" content="vi" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="icon" href="images/logo-footer.png" type="image/x-icon">
    <!--    jquery-->
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<!--layout-->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" rel="stylesheet" />
<link href="css/font-awesome.css" rel="stylesheet" type="text/css" rel="stylesheet" />
<link href="css/normalize.css" rel="stylesheet" type="text/css" rel="stylesheet" />
<link href="css/reset.css" rel="stylesheet" type="text/css" rel="stylesheet" />
<link href="css/tintuc.css" rel="stylesheet" type="text/css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" type="text/css" rel="stylesheet" />
<!--slide-top-->
<link rel="stylesheet" href="plugin/woothemes/demo/css/demo.css" type="text/css" media="screen" />
<link rel="stylesheet" href="plugin/woothemes/flexslider.css" type="text/css" media="screen" />
<script src="plugin/woothemes/demo/js/modernizr.js"></script>
<script defer src="plugin/woothemes/jquery.flexslider.js"></script>
<!--slide-right-->
<script src="plugin/slide-right/sliderengine/amazingslider.js"></script>
<script src="plugin/slide-right/sliderengine/initslider-1.js"></script>
<!--slide-detail-->
<link rel="stylesheet" href="plugin/etalage/css/etalage.css">
<script src="plugin/etalage/js/jquery.etalage.min.js"></script>


</head>
<body>
<section class="itq-wrapper">
	<header class="itq-header">
	<figure class="logo"><a href=""><img src="images/logo.png"></a></figure>
	<section id="header-right">
		<section class="itq-bat">
			<h1>SHOP QUÀ Tặng độc nhất vô nhị</h1>
		</section>
		<section class="itq-helper">
			<ul>
				<li class="mobile"><p>0973.999.9991</p></li>
				<li class="yahoo"><a href="#"><img src="images/yahoo.png"></a> <p>Mr.Cường</p></li>
                <li class="cart"><a href="#1"><img src="images/cart.png"></a><p>1</p></li>
			</ul>

		</section><!--End # itq-helper-->
		<section class="social">
			<section class="social-1">
				<img src="images/img-social.png" alt="social">
			</section>

			<ul class="social-2">
				<li class="item-fb">
					<a href=""><img src="images/facebook-icon.png" alt=""></a>
				</li>
				<li class="item-fb">
					<a href=""><img src="images/t-icon.png" alt=""></a>
				</li>
				<li class="item-fb">
					<a href=""><img src="images/g-icon.png" alt=""></a>
				</li>
				<li class="item-fb">
					<a href=""><img src="images/skype-icon.png" alt=""></a>
				</li>

			</ul>
		</section><!--End #socical-->
	</section><!--End #header-right-->			
</header><!--End #itq-header-->
    <nav class="itq-navigation">
        <ul class="main">
            <?php
            $listcategory = $this->GetCategory();

            foreach ($listcategory as $key => $value){
                $id = $value->id;
            ?>
            <li class="main">
                <a href="<?php echo Yii::app()->createUrl('home/router',array('id'=>$value->id))?>">
                    <section class="main-icon"><i class="<?php echo $value->glyphicons?>"></i></section>
                    <?php echo $value->category_name?>
                </a>
                <ul class="item">
                    <?php
                    $listcategorychild = $this->GetCategoryChild($id);
                    foreach($listcategorychild as $key => $value){

                    ?>
                    <li class="item"><a href="<?php echo Yii::app()->createUrl('home/listsameproduct',array('id'=>$value->id))?>"><?php echo $value->category_name?></a></li>
                    <?php }?>
                </ul>
            </li>
            <?php }?>
            <section class="clear"></section>
        </ul>
        <section class="clear"></section>
    </nav>
    <?php echo $content;?>
	<footer class="itq-footer">
        <section class="itq-wrapper-footer">
            <figure class="logo-footer">
                <img src="images/logo-footer.png">
            </figure>
            <ul class="q-footer">
                <li class="q-footer"><h3 class="white-15"> Shop Quà Tặng Độc Nhất Vô Nhị</h3></li>
                <li class="q-footer"><span class="opensand-13">Địa Chỉ: số 20- ngõ 76 - Nguyễn Chí Thanh Hà Nội</span></li>
                <li class="q-footer"><span class="opensand-13">Hotline: 097.932.6869</span></li>
                <li class="q-footer"><span class="opensand-13">Website: Quatang1102.vn</span></li>
                <li class="q-footer"><span class="opensand-13">Gmail: quatang1102@gmail.com</span></li>
                <li class="q-footer"><span class="opensand-13">Facebook: http://facebook.ocm/Shopquatang1102</span></li>

            </ul>
            <hr class="left"/>
            <ul class="q-footer">
                <li class="q-footer"><h3 class="white-15"> Thông tin hữu ích</h3></li>
                <li class="q-footer"><span class="opensand-13">- <a class="opensand-13" href="#">Giới thiệu chung </a> </span> </li>
                <li class="q-footer"><span class="opensand-13">- <a class="opensand-13" href="#">Giới thiệu chung </a> </span> </li>
                <li class="q-footer"><span class="opensand-13">- <a class="opensand-13" href="#">Giới thiệu chung </a> </span> </li>
                <li class="q-footer"><span class="opensand-13">- <a class="opensand-13" href="#">Giới thiệu chung </a> </span> </li>
                <li class="q-footer"><span class="opensand-13">- <a class="opensand-13" href="#">Giới thiệu chung </a> </span> </li>
                <li class="q-footer"><span class="opensand-13">- <a class="opensand-13" href="#">Giới thiệu chung </a> </span> </li>
            </ul>
            <hr class="left"/>
            <ul class="q-map-footer" style="margin-top: -15px">
                <li class="q-footer"><h2 class="man-18"><i class="fa fa-map-marker fa-lg"></i></h2><h3 class="white-15-last">Tìm chỉ đường</h3></li>
                <li class="g-map-footer"> <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d1000.4976795643908!2d105.79126391415434!3d21.04655828024139!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e1!3m2!1svi!2s!4v1413342415129" width="300" height="100" frameborder="0" style="border:0"></iframe></li>
                <li class="q-footer"><span class="opensand-13"><a href="#" class="opensand-13"> Xem bản đồ rộng</a> </span> </li>
            </ul>
            <section class="clear"></section>

        </section>
        <section class="footer-bot">
             <span class="opensand-13"> 2014 quà tặng © - All - right reserved. &nbsp&nbsp&nbsp Design and develop by: ITQ.VN </span>
        </section>
        <section class="clear"></section>
    </footer>
<script type="text/javascript">
    $(window).load(function(){
        $('.flexslider').flexslider({
            animation: "slide",
            animationLoop: false,
            itemWidth: 250,
            itemMargin: 5,
            pausePlay: true,
            start: function(slider){
                $('body').removeClass('loading');
            }
        });
    });
</script>
<script type="text/javascript">
    $(window).load(function(){
        $('.flexslider1').flexslider({
            animation: "slide",
            start: function(slider){
                $('body').removeClass('loading');
            }
        });
    });
</script>

</body>
</html>